@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-04-09 11:39:26
 * @version $Id$
 */


/* 字体 */
.f-12{ font-size: 12px;}
.f-14{ font-size: 14px;}
.f-16{ font-size: 16px;}
.f-18{ font-size: 18px;}
.f-20{ font-size: 20px;}
.f-24{ font-size: 24px;}
.f-30{ font-size: 30px;}
.f-b{font-weight: bold;}
.f-n{font-weight: normal;}
.f-yahei{font-family:"Microsoft Yahei";}


/* 字体颜色 */
.clr-white{color: #fff;}
.clr-black{color: #000;}
.clr-gray3{color: #333;}
.clr-gray6{color: #666!important;}
.clr-gray9{color: #999!important;}
.clr-red{color: #e51c23;}
.clr-blue{color: #03a9f4;}


/* 定位 */
.pr{ position: relative;}
.pa{ position: absolute;}
.fl{ float: left;}
.fr{ float: right;}

/* 强制不换行 */
.nowrap{ white-space: nowrap;}
/* 英文字符换行 */
.wrap{ display: table; table-layout: fixed; word-wrap: break-word;}
/* 单行文字溢出虚点显示 */
.ell{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}


/* 通用定位  */
.dsp-n{display:none;}
.dsp-i{display:inline;}
.dsp-b{display:block;}
.dsp-ib{display:inline-block; *display: inline;*zoom:1}

.vsb-h{visibility: hidden;}
.ovf-h{overflow:hidden;}

.va-m{vertical-align: middle;}
.va-t{vertical-align: top;}
.va-b{vertical-align:bottom;}

.text-c{ text-align: center;}
.text-l{ text-align: left;}
.text-r{ text-align: right;}


/* padding margin */
.pdl-5{padding-left:5px;}
.pdr-5{padding-right:5px;}
.pdl-10{padding-left:10px;}
.pdr-10{padding-right:10px;}
.pdt-10{padding-top:10px;}
.pdb-5{padding-bottom:5px;}
.pdtb-10{padding:10px 0;}
.pdb-15{padding-bottom:15px;}


.mr-10{margin-right:10px }
.mr-5{margin-right:5px }
.ml-10{margin-left:10px;}
.mr-10{margin-top:10px;}
.mt-20{margin-top:20px;}
.mb-10{margin-bottom:10px;}
.mb-15{margin-bottom:15px;}
.ml-5{margin-left:10px;}
.ml-30{margin-left:30px;}
.mr-30{margin-right:30px;}
.mr-15{margin-right:15px;}
.mb-30{margin-bottom:30px;}
.mr-20{margin-right:20px;} 
.mt-15{margin-top:15px;} 
.mb-20{margin-bottom:20px;}
.mt-30{margin-top: 30px} 
.mb-18{margin-bottom:18px;}
.mb-50{margin-bottom:50px;}
.mt-10{margin-top:10px;}
.mt-50{margin-top:50px;}
.ml-50{margin-top:50px;}
.ml-70{margin-left:70px;}
.mr-70{margin-right:70px;}

body{
   background-color: #f5f5f5; 
}


@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@keyframes jello {
  from, 11.1%, to {
    -webkit-transform: none;
    transform: none;
  }

  22.2% {
    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }

  33.3% {
    -webkit-transform: skewX(6.25deg) skewY(6.25deg);
    transform: skewX(6.25deg) skewY(6.25deg);
  }

  44.4% {
    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }

  55.5% {
    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }

  66.6% {
    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}


/*滚动条*/
.scrollbar{/*border:1px solid #dddada;border-width:0 1px;*/position: absolute;right: 16px; height: 505px;width:2px;box-sizing: border-box;background-color: #cbcbcb}
.scrollbar-handler{width:2px;background: #666;height:40px;left:0;cursor: pointer;position:absolute;display:none}
.scrollbar-bg{height:100%;position:absolute;width:100%}
.scrollbar-handler div{position:absolute;width:100%;height:3px;overflow:hidden;}
.scrollbar-handler-top{background-position:0 0;top:-3px;}
.scrollbar-handler-bottom{background-position:0 -3px;bottom:-3px}
.scrollbar-narrow{position:absolute;width:100%;height:13px;}
.scrollbar-narrow-up{top:0}
.scrollbar-narrow-down{bottom:0}
.scroll-wrapper {position:relative;}
.scroll-content {position:absolute;}
.ticket .ticket-h{ width: 580px;}
.w-580{width: 580px;}
.top-59{top:59px;}

/*图片左上logo*/
i.source{ position:absolute; left:0; top:0;background: url(../../img/item_source_ico.png) no-repeat}
i.source_jd{ background-position:0 0; width:30px; height:27px;}